<!-- 通知管理 -->
<template>
  <div class="container-app">
    <div class="bg-white q-pa-sm">
      <span class="cursor-pointer" :class="num===0?'text-primary': ''" @click="changeStatus(0)">当前告警信息</span>
      <span class="q-px-md">|</span>
      <span class="cursor-pointer" :class="num===1?'text-primary': ''" @click="changeStatus(1)">历史告警信息</span>
    </div>
    <q-separator />
    <CurrentInfo v-if="num === 0" />
    <HistoryInfo v-if="num === 1" />
  </div>
</template>

<script>
import CurrentInfo from './common/currentInfo/index'
import HistoryInfo from './common/historyInfo/index'
export default {
  name: 'InformMangement',
  data () {
    return {
      num: 0
    };
  },

  components: {
    CurrentInfo,
    HistoryInfo
  },

  computed: {},

  mounted() {},

  methods: {
    changeStatus(num) {
      this.num = num
    }
  }
}

</script>
<style lang='scss' scoped>
</style>
